<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="../css/bootstrap.css" />
		<link rel="stylesheet" type="text/css" href="../css/style.css">
		<script src="../js/jquery-3.2.1.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/bootstrap.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/index.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<style type="text/css">
		.section_nav1 {
			margin-left: 50px;
		}

		.section_nav1 .nav-item {
			margin-left: 20px;
		}

		#model_content_nav .nav-item {
			margin: 0px 15px;
			height: 30px;
		}

		#model_content_nav .nav-item a {
			color: gray;
		}

		#model_content_nav .nav-item-first a {
			color: #000000;
		}

		#model_content_nav .nav-item_second a {
			margin-top: 20px;
			font-weight: lighter;
		}

		.section_nav1 ul li:hover {
			border-bottom: 3px solid red;
		}

		.carousel-inner img {
			width: 100%;
			height: 100%;
		}

		#section_nav .nav-item-hover {
			width: 100px;
			height: 52px;
			border: 1px solid black;
			margin: 5px;
		}
		#section_nav ul li{
			width: 110px;
			height: 52px;
			border: 1px solid black;
		}
		#Search_shop:hover #Search_shop {
			margin-top: -20px;
		}

		.footer_nav .nav-item {
			height: 30px;
		}

		.footer_nav .nav-item a {
			color: gray;
			font-weight: lighter;
		}

		.footer_nav .nav-item-first a {
			color: #000000;
		}

		.footer_nav .nav-item_second a {
			margin-top: 20px;
			font-weight: lighter;
		}
	</style>
	<body>
		<header id="header" style="height: 100px;width: 100%;">
			<div class="col-lg-12">
				<div class="col-lg-3">
					<nav class="navbar navbar-expand-sm">
						<ul class="nav navbar-nav">
							<li><a href="#">区域</a></li>
							<li><a href="#">CN￥</a></li>
							<li><a href="#">语言</a></li>
							<li><a href="@">联系方式</a></li>
						</ul>
					</nav>
				</div>
				<div class="col-lg-3 col-lg-offset-2">
					<img src="../images/index/logo.png">
				</div>
				<div class="col-lg-3 col-lg-offset-1" style="margin-top: 20px;margin-left: 100px;">
					<a href="login.html">登录</a>
					<img src="../images/爱心%20(1).png" height="20">
					<img src="../images/搜索.png" height="25">
					<!-- 	<span class="glyphicon glyphicon-heart-empty" style="-webkit-text-stroke: 1px gray; color: white; font-size: 2em;font-size: medium; margin: 10px;"></span>
					<span class="glyphicon glyphicon-search" style="-webkit-text-stroke: 1px gray; color: white; font-size: 2em;font-size: medium;"></span> -->
				</div>
			</div>
			<div class="" style="width: 190px;height: 300px;border: 1px solid gray; position: absolute;left: 85%;top: 13%;background-color: white;display: none;">
				<input type="text" placeholder="电子邮箱地址*">
				<hr style="width: 200px;">
				<input type="password" placeholder="密码*">
			</div>
		</header>
		<section id="section" style="width: 100%;">
			<div class="col-lg-6 col-lg-offset-5" style="margin-top:-50px;margin-left:750px;position: relative;">
				<nav class="nav section_nav1">
					<ul class="nav navbar-nav">
						<li class="nav-item-hover ladis">
							<a class="nav-link">女士</a>							
						</li>
						<li class="nav-item-hover gentleman">
							<a class="nav-link">男士</a>
						</li>
						<li class="nav-item-hover">
							<a class="nav-link" href="#">系列</a>
						</li>
						<li class="nav-item-hover">
							<a class="nav-link" href="#">品牌</a>
						</li>
						<li class="nav-item-hover">
							<a class="nav-link" href="#">门店</a>
						</li>
					</ul>
				</nav>
			</div>
			<div style="width: 100%;height:100%; position: fixed;left:80%;z-index: 100;"></div>
			<script type="text/javascript">
				$(function() {
					
				})
			</script>
			<div id="model_content" class="col-lg-12" style="height: 400px;border-top: #000000;position: absolute;z-index:1000;background-color: white;display: none;">
				<div id="model_content_item ladis" style="position: absolute;top: 10%;">
					<div class="col-lg-2">
						<img src="../images/Summer20_Women_FlyOut.jpg" style="width: 120%;height:120%;">
					</div>
					<div id="model_content_nav" class="col-lg-2">
						<ul class="text-left">
							<li class="nav-item nav-item-first">
								<a href="#">最新系列</a>
							</li>
							<li class="nav-item nav-item_second">
								<a class="nav-link" href="#">最新系列</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">Antigona 十周年</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">迷你包</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">夏日精选</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">女士礼品</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">ID93系列手袋</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">Bond 手袋</a>
							</li>
						</ul>
					</div>
					<div id="model_content_nav" class="col-lg-2">
						<ul class="text-left">
							<li class="nav-item nav-item-first">
								<a href="#">成衣</a>
							</li>
							<li class="nav-item nav-item_second">
								<a class="nav-link" href="#">晚礼服</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">日常群装</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">夹克衫</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">上衣与衬衣</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">开衫</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">套头针织衫</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">T恤</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">大衣与外套</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">棒球外套</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">裤子</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">裙子</a>
							</li>
						</ul>
					</div>
					<div id="model_content_nav" class="col-lg-2">
						<ul class="text-left">
							<li class="nav-item nav-item-first">
								<a href="#">包袋</a>
							</li>
							<li class="nav-item nav-item_second">
								<a class="nav-link" href="#">所有包袋</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">斜挎包</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">单肩包</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">迷你包</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">手提包和背包</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">纪梵希系列</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">Antigona</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">Bond</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">GV3</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">ID93系列手袋</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">Mystic</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">Eden</a>
							</li>
						</ul>
					</div>
					<div id="model_content_nav" class="col-lg-2">
						<ul class="text-left">
							<li class="nav-item nav-item-first">
								<a href="#">鞋履</a>
							</li>
							<li class="nav-item nav-item_second">
								<a class="nav-link" href="#">运动鞋</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">平底鞋</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">学靴子</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">凉鞋与高跟鞋</a>
							</li>
						</ul>
					</div>
					<div id="model_content_nav" class="col-lg-2">
						<ul class="text-left">
							<li class="nav-item nav-item-first">
								<a href="#">配饰</a>
							</li>
							<li class="nav-item nav-item_second">
								<a class="nav-link" href="#">手拿包</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">钱包</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">钥匙包与太阳镜</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">珠宝配饰</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">围巾</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">软帽与袜子</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">皮带</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">其他配饰</a>
							</li>
						</ul>
					</div>
				</div>
				<div id="model_content_item gentleman" style="">
					<div class="col-lg-2">
						<img src="../images/banner_1.png" style="width: 120%;height:120%;">
					</div>
					<div id="model_content_nav" class="col-lg-2">
						<ul class="text-left">
							<li class="nav-item nav-item-first">
								<a href="#">系列</a>
							</li>
							<li class="nav-item nav-item_second">
								<a class="nav-link" href="#">最新系列</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">Antigona 十周年</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">迷你包</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">夏日精选</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">女士礼品</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">ID93系列手袋</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">Bond 手袋</a>
							</li>
						</ul>
					</div>
					<div id="model_content_nav" class="col-lg-2">
						<ul class="text-left">
							<li class="nav-item nav-item-first">
								<a href="#">成衣</a>
							</li>
							<li class="nav-item nav-item_second">
								<a class="nav-link" href="#">晚礼服</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">日常群装</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">夹克衫</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">上衣与衬衣</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">开衫</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">套头针织衫</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">T恤</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">大衣与外套</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">棒球外套</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">裤子</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">裙子</a>
							</li>
						</ul>
					</div>
					<div id="model_content_nav" class="col-lg-2">
						<ul class="text-left">
							<li class="nav-item nav-item-first">
								<a href="#">包袋</a>
							</li>
							<li class="nav-item nav-item_second">
								<a class="nav-link" href="#">所有包袋</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">斜挎包</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">单肩包</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">迷你包</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">手提包和背包</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">纪梵希系列</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">Antigona</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">Bond</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">GV3</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">ID93系列手袋</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">Mystic</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">Eden</a>
							</li>
						</ul>
					</div>
					<div id="model_content_nav" class="col-lg-2">
						<ul class="text-left">
							<li class="nav-item nav-item-first">
								<a href="#">鞋履</a>
							</li>
							<li class="nav-item nav-item_second">
								<a class="nav-link" href="#">运动鞋</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">平底鞋</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">学靴子</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">凉鞋与高跟鞋</a>
							</li>
						</ul>
					</div>
					<div id="model_content_nav" class="col-lg-2">
						<ul class="text-left">
							<li class="nav-item nav-item-first">
								<a href="#">配饰</a>
							</li>
							<li class="nav-item nav-item_second">
								<a class="nav-link" href="#">手拿包</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">钱包</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">钥匙包与太阳镜</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">珠宝配饰</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">围巾</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">软帽与袜子</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">皮带</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">其他配饰</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div id="" style="height:680px; border: 1px solid black;margin-top: 20px;">
				<div id="myCarousel" class="carousel slide">
				    <!-- 轮播（Carousel）指标 -->
				    <ol class="carousel-indicators">
				        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
				        <li data-target="#myCarousel" data-slide-to="1"></li>
				        <li data-target="#myCarousel" data-slide-to="2"></li>
						<li data-target="#myCarousel" data-slide-to="3"></li>
				    </ol>   
				    <!-- 轮播（Carousel）项目 -->
				    <div class="carousel-inner">
				        <div class="item active">
				            <img src="../images/轮播/HP_AntigonaCelebration_Desktop.gif" alt="First slide">
				        </div>
				        <div class="item">
				            <img src="../images/轮播/Fall20_ECOM_Carousel-Desktop.jpg" alt="Second slide">
				        </div>
				        <div class="item">
				            <img src="../images/轮播/SS20_Carousel_Spectre-Desktop_1700x850.jpg" alt="Third slide">
				        </div>
						<div class="item">
						    <img src="../images/轮播/Fall20_ECOMW_Carousel-Desktop.jpg" alt="Third slide">
						</div>
				    </div>
				    <!-- 轮播（Carousel）导航 -->
				   <!-- 轮播（Carousel）导航 -->
				   	<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
				   		<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
				   		<span class="sr-only">Previous</span>
				   	</a>
				   	<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
				   		<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
				   		<span class="sr-only">Next</span>
				   	</a>
				</div> 
			</div>
			<div class="col-lg-12" style="margin-top: 300px;">
				<p class="text-center">发现</p>
				<div class="" style="margin-top: 20px;">
					<p style="position: absolute;top:48%;left:22%;color: white;font-size:24px;margin-top: 20px;">MYSTIC包袋</p>
					<img src="../images/index/F20_Mystic_Browse.jpg" width="49%" height="876px" style="margin-left: 20px;">
					<p style="position: absolute;top:48%;left: 70%;color: white;font-size:24px;margin-right: 10px;">男士配饰</p>
					<img src="../images/index/F20_Wallet_Browse.jpg" width="49%" height="876px" style="margin-right: -20px;">
				</div>

			</div>
			<div class="col-lg-12" id="section_nav" style="margin-top: 50px;margin-bottom: 50px;">
				<div class="col-lg-4 col-lg-offset-1">
					<p class="text-center" style="font-weight: lighter;">女士</p>
					<nav class="nav text-center">
						<ul class="nav navbar-nav">
							<li><a href="#">最新系列</a></li>
							<li><a href="#">成衣</a></li>
							<li><a href="#">包袋</a></li>
							<li><a href="#">鞋履</a></li>
							<li><a href="#">配饰</a></li>
						</ul>
					</nav>
				</div>
				<div class="col-lg-4 col-lg-offset-2" style="">
					<p class="text-center" style="font-weight: lighter;">男士</p>
					<nav class="nav text-center">
						<ul class="nav navbar-nav">
							<li><a href="#">最新系列</a></li>
							<li><a href="#">成衣</a></li>
							<li><a href="#">包袋</a></li>
							<li><a href="#">鞋履</a></li>
							<li><a href="#">配饰</a></li>
						</ul>
					</nav>
				</div>
			</div>
			<div id="" style="width: 1904px;">
				<img src="../images/index/Full_Fall20_SummerSelectionM-Desktop2.jpg" style="height: 937px;width: 100%;">
				<p class="text-center" style="margin-top:-500px;color: white;font-size: 36px;">夏日精选</p>
			</div>
			<div id="" style="width: 1904px;margin-top: 490px;">
				<img src="../images/index/Full_Fall20_TeeMen-Desktop.jpg" style="height: 937px;width: width: 100%;">
			</div>
			<div id="" style="width: 1904px;margin-top: 5px;">
				<img src="../images/index/Full_Fall20_SummerSelection-Desktop2.jpg" style="height: 937px;width: width: 100%;">
				<p class="text-center" style="margin-top:-500px;color: white;font-size: 36px;">夏日精选</p>
			</div>

		</section>
		<footer id="footer">
			<div style="width:1904px;height: 270px;margin-top:490px;background-color: rgb(246,246,246);">
				<img src="../images/index/FINDASTORE-DESKTOPb.jpg" style="margin-left: 260px;">
				<div id="Search_shop" style="width: 540px;height: 65px;background-color: #000000;margin-top:-170px;margin-left: 650px;position: relative; z-index:100;">
					<a href="#"><img src="../img/搜索%20(1).png" style="height: 25px;margin-left: 10px;"></a>
					<p class="text-center" style="color: white;line-height: 18px;font-weight: lighter;font-size: 16px;">寻找附近门店</p>
				</div>
			</div>
			<div style="margin-top: 30px;">
				<div class="col-lg-2 col-lg-offset-1">
					<p style="color: black;font-size: 12px;">订阅GIVENCHY电子新闻和通讯</p>
					<p style="color: lightgray;font-size: 12px;">率先了解新品信息和活动。</p>
				</div>
				<div class="col-lg-3">
					<input type="text" placeholder="电子邮箱地址*" style="border: 1px solid white;border-bottom: black;margin-left: 60px;">
					<hr style="width: 300px; size:b4;margin-top: 10px;">
				</div>
				<div class="col-lg-3">
					<p style="font-size: 12px;color: lightgray;">
						我同意GIVENCHY根据隐私政策规定的条款处理我的数据。<br>
						我希望GIVENCHY通过电子邮件与我联系，以接收GIVENCHY<br>
						最新资讯，有关GIVENCHY产品和服务的个性化信息，以及与<br>
						GIVENCHY相关的活动邀请和市场调查。
					</p>
				</div>
				<div class="col-lg-3">
					<input type="button" style="width:300px;height:50px;color:gray" value="订阅">
				</div>
				<div class="col-lg-12" style="height: 200px;background-color: rgb(246,246,246);">
					<div class="footer_nav col-lg-2" style="margin-left: 50px;">
						<ul class="text-left">
							<li class="nav-item nav-item-first">
								<a href="#">客户服务</a>
							</li>
							<li class="nav-item nav-item_second">
								<a class="nav-link" href="#">常见问题解答</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">取消订阅</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">联系人</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">减弱对比度</a>
							</li>
						</ul>
					</div>
					<div class="footer_nav col-lg-2" style="margin-left: 150px;">
						<ul class="text-left">
							<li class="nav-item nav-item-first">
								<a href="#">关于</a>
							</li>
							<li class="nav-item nav-item_second">
								<a class="nav-link" href="#">招贤纳士</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">新闻</a>
							</li>
						</ul>
					</div>
					<div class="footer_nav col-lg-4" style="margin-left: 150px;">
						<ul class="text-left">
							<li class="nav-item nav-item-first">
								<a href="#">法律</a>
							</li>
							<li class="nav-item nav-item_second">
								<a class="nav-link" href="#">隐私政策</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">浏览器缓存政策</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">沪公网安备 31010602001699号</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">条款与条件</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">
									Anti Modern Slavery Statement</a>
							</li>
						</ul>
					</div>
					<div class="col-lg-12" style="background-color: rgb(250,249,246);width:100%;height:80px;position: fixed;bottom: 0%;left: 0%;">
						<div class="col-lg-10">
							<p style="color: lightgray;font-size: 12px;font-weight: lighter;line-height: 100px;">为了提升您的访问质量，我们使用cookie来存储登录信息并提供安全连接，收集统计数据以优化相关功能，生成访问统计信息并根据您的兴趣定制内容。继续浏览本网站，即表示您同意我们使用这些cookie。点击此处了解更多关于cookie及其设置的信息,
								请点击这里。.</p>
						</div>
						<div class="col-lg-2" style="background-color:black;height: 50px;width: 240px;margin-top: 20px;">
							<p class="text-center" style="color: white;line-height: 50px;font-size: 12px;">同意并继续</p>
						</div>
					</div>

				</div>
			</div>
		</footer>
	</body>
</html>
